/** initial setup **/
.viewport {  position : relative;  width    : 100%;  height   : 100%;  overflow : hidden;}
.viewport .content {  position      : absolute;  overflow      : scroll;  overflow-x    : hidden;  top           : 0;  right         : 0;  bottom        : 0;  left          : 0;}
.viewport .content:focus {  outline: none;}
.viewport .content::-webkit-scrollbar {  visibility: hidden;}
.has-scrollbar .content::-webkit-scrollbar {  visibility: visible;}
.viewport > .pane {  background : rgba(0,0,0,.25);  position   : absolute;  width      : 4px;  right      : 0;  top        : 0;  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;   -webkit-transition    : .2s;  -moz-transition       : .2s;  -o-transition         : .2s;  transition            : .2s;
  -moz-border-radius    : 5px;  -webkit-border-radius : 5px;    border-radius         : 5px;}
.viewport > .pane > .slider {  background: #444;  background: rgba(0,0,0,.5);  position : relative;  margin:0;  -moz-border-radius    : 3px;  -webkit-border-radius : 3px;    border-radius         : 3px;}
.viewport:hover > .pane, .pane.active, .pane.flashed {  visibility : visible\9; /* Target only IE7 and IE8 with this hack */  opacity    : 0.99;}